<script lang="ts" setup>
import { NIcon } from "naive-ui";
</script>

<template>
  <n-icon>
    <svg
      width="36"
      height="36"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      class=""
      viewBox="0 0 36 36"
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M17.5 30C23.851 30 29 24.851 29 18.5S23.851 7 17.5 7 6 12.149 6 18.5 11.149 30 17.5 30zm-5.16-13.883a1.16 1.16 0 001.64 1.64l2.395-2.394v8.838a1.16 1.16 0 002.321 0v-8.839l1.028 1.028 1.368 1.368a1.16 1.16 0 001.64-1.641l-4.219-4.22a1.382 1.382 0 00-1.954 0l-4.22 4.22z"
        fill="var(--themeColor)"
        fill-opacity="0.4"
      ></path>
    </svg>
  </n-icon>
</template>
